<template>
  <div>
      <h1>watch侦听复杂数据类型</h1>
      <input type="text" name="" id="" v-model="user.name">
      <input type="text" name="" id="" v-model="user.age">
  </div>
</template>

<script>
export default {
data() {
    return {
        user:{
            name:'zs',
            age:20
        }
    }
},
watch:{
    // 侦听的是复杂数据类型=需要深度侦听，指定deep：true
    user:{
        // handler 数据发生改变了 需要执行的函数
        // deep ：true深度监听 不仅会监听地址的变化，还会监听对象内部属性的变化
        // immediate:true 立即执行 一进入页面会执行一次
        deep:true,
        immediate:true,
        handler(hai){
            console.log(hai);
        }
    }
}
}
</script>

<style>

</style>